{/* LAYOUT模板 */}
<layout name="layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}	
<css href="__THEMES__/css/common.css" />	
<css href="__CSS__/jquery-ui.css" />
<js href="__JS__/core/jquery-ui.1.10.4.js" />
<js href="__JS__/core/plugins.js" />
{/* import js,css */}
<style>
.position-wrap,.article-wrap,.page-navigator{width:1190px;margin:10px auto;}
.position li{display:inline-block;height:30px;color:#CACACA;line-height:30px;margin-right:10px;}
.position li a{color:#CACACA;text-decoration:none;}
.position li a:hover{color:#00b3ff;}
.article-wrap{border:1px solid #E0E0E0;}
.article-wrap .title{display:block;width:100%;border-bottom:1px solid #E0E0E0;height:56px;line-height:56px;font-size:18px;text-align:center;color:#606060;}
.article-wrap .content{padding:35px;word-break:break-all;word-wrap:break-word;line-height:24px;font-size:14px;color:#404040;text-indent:24px;}
.page-pointer-wrap a{font-size:14px;line-height:30px;text-decoration:none;color:#ADADAD;}
.page-pointer-wrap a:hover{color:#00aeff;text-decoration:underline;}
</style>

<div id="loading"></div>



<div class="position-wrap">
	<div class="position">
		<ul>
			<li class="text">
				<a href="{:U('index/index')}">首页</a>
			</li>
			<li class="seperator">/</li> 
			<li class="text">
				<a href="{:U('service/tutorial')}">产品使用</a>
			</li>
			<li class="seperator">/</li>
			<li class="text">
				<a href="#">{$article_info.title}</a>
			</li>
		</ul>
	</div>
</div>




<div class="article-wrap">
	<h1 class="title">
		{$article_info.title}
	</h1>
	<div class="content">
		{$article_info.content}
	</div>	
</div>


<div class="w_1200" style="width:1200px;margin: 20px auto;">
	<div class="bshare-custom"><a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto" class="bshare-more">分享到</a><a title="分享到QQ空间" class="bshare-qzone">QQ空间</a><a title="分享到新浪微博" class="bshare-sinaminiblog">新浪微博</a><a title="分享到人人网" class="bshare-renren">人人网</a><a title="分享到腾讯微博" class="bshare-qqmb">腾讯微博</a><a title="分享到网易微博" class="bshare-neteasemb">网易微博</a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</div>



<div class="page-navigator">
	<!--上一篇&下一篇-->
	<div class="page-pointer-wrap">
		<if condition="$related_articles['pre']">
			<div class="pre-page">
				<a href="{:U('service/item')}/id/{$related_articles['pre']['article_id']}">上一篇:&nbsp;&nbsp;{$related_articles['pre']['title']}</a>
			</div>	
		</if>
		<if condition="$related_articles['next']">
			<div class="next-page">
				<a href="{:U('service/item')}/id/{$related_articles['next']['article_id']}">下一篇:&nbsp;&nbsp;{$related_articles['next']['title']}</a>
			</div>	
		</if>
	</div>
</div>


<div class="space50"></div>


<style>
.feedback-wrap{width:1200px;margin:auto;}
.feedback-wrap .title{height:40px;line-height: 40px;text-indent:10px;font-size:16px;font-weight:600;color:#404040;border-bottom:1px solid #E0E0E0;}
.quest-wrap {margin-left:20px;}
.quest-wrap .question{height:30px;line-height:30px;font-size:14px;}
.submit-wrap .submit-btn{cursor:pointer;margin-top:10px;width:110px;outline:none;height:40px;border:none;background:#91cd50;color:#FFFFFF;font-size:16px;font-family:'microsoft yahei';line-height:20px;}
.answer li{display:inline-block;width:80px;height:30px;line-height:30px;position:relative;}
.answer li label{position:absolute;top:0px;left:20px;line-height:25px;}
.text {position:relative;}
.text div{position:absolute; color:#CACACA;top:10px;left:10px;}
.text textarea{width:500px;height:80px;border:1px solid #E0E0E0;outline:none;font-size:14px;color:#404040;padding:10px;font-family:'microsoft yahei';}
</style>

<div class="feedback-wrap">
	<h1 class="title">
		客户反馈
	</h1>
	<div class="quest-wrap">
		<div class="question">以上文章对你有帮助吗?</div>
		<div class="answer">
			<ul>
				<li>
					<label>是</label>
					<input type="radio" name="article" id="" value="" />
				</li>
				<li>
					<label>否</label>
					<input type="radio" name="article" id="" value="" />
				</li>
			</ul>			
		</div>
		<div class="text">
			<div class="feed-tips">很期待你的宝贵建议的哦  ^_^</div>
			<textarea id="feed-content" name="content"></textarea>
		</div>
		<div class="submit-wrap">
			<button class="submit-btn">
				提&nbsp;&nbsp;交
			</button>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
		$('.feed-tips').click(function(){
			$('#feed-content').focus();
		});
		$('#feed-content').on('input',function(){
			var _v = $(this).val();
			if(_v.length == 0 || typeof _v.length == 'undefined')
				$('.feed-tips').show();
			else
				$('.feed-tips').hide();			
		});
		
		$('.submit-btn').click(function(){
			var values = $('.quest-wrap').QVal();
			$.ajax({
				type:"post",
				url:"{:U('service/submit_feed')}",
				dataType:"json",
				data:values,
				beforeSend:function(){
					//add code here
				},
				success:function(msg){
					$('#loading').QLoading({img:'happy',text:'您的意见已经收到,我们会及时处理的,谢谢您！',time:3,modal:false});
				}
			});
		});
	});
</script>



<div class="space100"></div>


<include file="Library:service"/>
<include file="Library:footer"/>







